<template>
    <div>哈喽</div>
    <div>{{ number }}</div>
</template>

<script lang="ts">
// definecomponent函数，就是定义一个组件，内部可以传入一个配置对象
import { defineComponent } from 'vue';

// 暴漏出去一个定义好的组件
export default defineComponent({
    name: 'App',
    // 测试代码，setup是组合API中第一个要使用的函数
    setup() {
        const number = 10;
        return {
            number
        };
    }
});
</script>
